<template>
  <div>
    <el-cascader
      @change="change"
      :options="options"
      :props="{ multiple: true, value: 'value' }"
      collapse-tags
      clearable
    ></el-cascader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 2021,
          label: "2021年",
          children: [
            {
              value: 1,
              label: "1月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "2日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
                {
                  value: 29,
                  label: "14日",
                },
                {
                  value: 30,
                  label: "1日",
                },
                {
                  value: 31,
                  label: "1日",
                },
              ],
            },
            {
              value: 2,
              label: "2月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "1日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
              ],
            },
            {
              value: 3,
              label: "3月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "1日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
              ],
            },
          ],
        },
        {
          value: 2022,
          label: "2022年",
          children: [
            {
              value: 1,
              label: "1月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "2日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
                {
                  value: 29,
                  label: "14日",
                },
                {
                  value: 30,
                  label: "1日",
                },
                {
                  value: 31,
                  label: "1日",
                },
              ],
            },
            {
              value: 2,
              label: "2月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "1日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
              ],
            },
            {
              value: 3,
              label: "3月",
              children: [
                {
                  value: 1,
                  label: "1日",
                },
                {
                  value: 2,
                  label: "1日",
                },
                {
                  value: 3,
                  label: "3日",
                },
                {
                  value: 4,
                  label: "4日",
                },
                {
                  value: 5,
                  label: "5日",
                },
                {
                  value: 6,
                  label: "6日",
                },
                {
                  value: 7,
                  label: "7日",
                },
                {
                  value: 8,
                  label: "8日",
                },
                {
                  value: 9,
                  label: "9日",
                },
                {
                  value: 10,
                  label: "10日",
                },
                {
                  value: 11,
                  label: "11日",
                },
                {
                  value: 12,
                  label: "12日",
                },
                {
                  value: 13,
                  label: "13日",
                },
                {
                  value: 14,
                  label: "14日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 15,
                  label: "1日",
                },
                {
                  value: 16,
                  label: "16日",
                },
                {
                  value: 17,
                  label: "17日",
                },
                {
                  value: 18,
                  label: "1日",
                },
                {
                  value: 19,
                  label: "19日",
                },
                {
                  value: 20,
                  label: "20日",
                },
                {
                  value: 21,
                  label: "21日",
                },
                {
                  value: 22,
                  label: "22日",
                },
                {
                  value: 23,
                  label: "23日",
                },
                {
                  value: 24,
                  label: "24日",
                },
                {
                  value: 25,
                  label: "25日",
                },
                {
                  value: 26,
                  label: "26日",
                },
                {
                  value: 27,
                  label: "27日",
                },
                {
                  value: 28,
                  label: "28日",
                },
              ],
            },
          ],
        },
      ],
    };
  },
  methods: {
    change(date) {
      this.$nextTick(() => {
        return xxx;
      });
      let yearMonthDay = date.map(function (item) {
        return {
          year: item[0],
          month: item[1],
          day: item[2],
        };
      });
      // 日期做map映射，接口的入参
      console.log(yearMonthDay, 800);
    },
  },
  created() {},
};
</script>
<style lang="scss"></style>
